<template>
  <div>
    <div class="box_trap">
      <div>
        <van-image round width="3.5rem" height="3.5rem" :src="imgg" />
      </div>
      <div>132****7511</div>
      <div @click="$router.push('/datas')">用户信息 ></div>
    </div>
    <div class="box-displa">
      <ul>
        <router-link tag="li" to="/order">
          <van-image width="1.8rem" height="1.8rem" :src="imgg2" />
          <span>我的订单</span>
        </router-link>
        <router-link tag="li" to="/qb">
          <van-image width="1.8rem" height="1.8rem" :src="imgg3" />
          <span>我的钱包</span>
        </router-link>
        <router-link tag="li" to="/regis">
          <van-image width="1.8rem" height="1.8rem" :src="imgg4" />
          <span>联系</span>
        </router-link>
        <router-link tag="li" to="/xieyi">
          <van-image width="1.8rem" height="1.8rem" :src="imgg5" />
          <span>常见问题</span>
        </router-link>
        <router-link tag="li" to="/yinsi">
          <van-image width="1.8rem" height="1.8rem" :src="imgg7" />
          <span>隐私政策</span>
        </router-link>
        <router-link tag="li" to="/setup">
          <van-image width="1.8rem" height="1.8rem" :src="imgg6" />
          <span>更多设置</span>
        </router-link>
      </ul>
    </div>
    <div class="box-img"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgg: require("../assets/jiji.png"),
      imgg2: require("../assets/png/订单管理.png"),
      imgg3: require("../assets/png/钱包.png"),
      imgg4: require("../assets/png/建议.png"),
      imgg5: require("../assets/png/消息中心.png"),
      imgg6: require("../assets/png/设 置.png"),
      imgg7: require("../assets/png/隐私政策.png")
    };
  }
};
</script>

<style lang="scss" scoped>
.box_trap {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-flow: column;
  background: url("../assets/timg.jpg");
  color: #fff;
}
.box-displa {
  ul {
    margin-left: 25px;
  }
  li {
    list-style: none;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    span {
      margin-left: 20px;
    }
  }
}
.box-img {
  width: 100%;
  height: 120px;
  background: url("../assets/hhh.jpg");
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
}
</style>